<script setup>
import { inject, ref } from "vue";


const data1 = inject("data1")
const date = ref()
const date1 = ref()
const date2 = ref()
const data = [{
  "msg": "1",
  "msg1": "1"
}]
</script>
<template>
  <el-row style="background-color: white;margin: 40px 10px 0px;border:mintcream;">
    <el-col :span="24">
      <h3>填写设备维修信息</h3>
    </el-col>
    <el-row class="row2">
      <el-form style="margin-left: 200px;" :data="data">
        <el-form-item label="维修设备编号">
          <span>{{ data1 }}</span>
        </el-form-item>
        <el-form-item label="申请维修时间">
          <el-date-picker v-model="date" type="date"></el-date-picker>
        </el-form-item>
        <el-form-item label="维修开始时间">
          <el-date-picker v-model="date1" type="date"></el-date-picker>
        </el-form-item>
        <el-form-item label="维修完成时间">
          <el-date-picker v-model="date2" type="date"></el-date-picker>
        </el-form-item>
        <el-form-item label="历史维修信息">
          {{ msg }}
        </el-form-item>
        <el-form-item>
          <textarea v-model="data.msg1" style="height: 100px; width: 500px;" placeholder="在此初填写您本次的维修信息"></textarea>
        </el-form-item>
        <el-form-item>
          <el-button>开始维修任务</el-button>
          <el-button>保存维修信息</el-button>
          <el-button>返回</el-button>
          <el-button>完成维修任务</el-button>
        </el-form-item>

      </el-form>

    </el-row>
  </el-row>
</template>
<style scoped>
.row2 {
  margin-top: 40px;
}
</style>